@font-face {
	font-family: 'ProximaNova-Regular';
	src: url("fonts/ProximaNova-Regular/ProximaNova-Regular.eot");
	src: url("fonts/ProximaNova-Regular/ProximaNova-Regular.eot") format("embedded-opentype"), url("fonts/ProximaNova-Regular/ProximaNova-Regular.woff") format("woff"), url("fonts/ProximaNova-Regular/ProximaNova-Regular.ttf") format("truetype"), url("fonts/ProximaNova-Regular/ProximaNova-Regular.svg#") format("svg");
}

@font-face {
	font-family: 'ProximaNova-Light';
	src: url("fonts/ProximaNova-Light/ProximaNova-Light.eot");
	src: url("fonts/ProximaNova-Light/ProximaNova-Light.eot") format("embedded-opentype"), url("fonts/ProximaNova-Light/ProximaNova-Light.woff") format("woff"), url("fonts/ProximaNova-Light/ProximaNova-Light.ttf") format("truetype"), url("fonts/ProximaNova-Light/ProximaNova-Light.svg#") format("svg");
}

@font-face {
	font-family: 'ProximaNova-Semibold';
	src: url("fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot");
	src: url("fonts/ProximaNova-Semibold/ProximaNova-Semibold.eot") format("embedded-opentype"), url("fonts/ProximaNova-Semibold/ProximaNova-Semibold.woff") format("woff"), url("fonts/ProximaNova-Semibold/ProximaNova-Semibold.ttf") format("truetype"), url("fonts/ProximaNova-Semibold/ProximaNova-Semibold.svg#") format("svg");
}

@font-face {
	font-family: 'ProximaNova-ExtraBold';
	src: url("fonts/ProximaNova-ExtraBold/ProximaNova-Extrabld.eot");
	src: url("fonts/ProximaNova-ExtraBold/ProximaNova-Extrabld.eot") format("embedded-opentype"), url("fonts/ProximaNova-ExtraBold/ProximaNova-Extrabld.woff") format("woff"), url("fonts/ProximaNova-ExtraBold/ProximaNova-Extrabld.ttf") format("truetype"), url("fonts/ProximaNova-ExtraBold/ProximaNova-Extrabld.svg#") format("svg");
}

@font-face {
	font-family: 'ProximaNova-Bold';
	src: url("fonts/ProximaNova-Bold/ProximaNova-Bold.eot");
	src: url("fonts/ProximaNova-Bold/ProximaNova-Bold.eot") format("embedded-opentype"), url("fonts/ProximaNova-Bold/ProximaNova-Bold.woff") format("woff"), url("fonts/ProximaNova-Bold/ProximaNova-Bold.ttf") format("truetype"), url("fonts/ProximaNova-Bold/ProximaNova-Bold.svg#") format("svg");
}

@font-face {
	font-family: 'ProximaNova-Black';
	src: url("fonts/ProximaNova-Black/ProximaNova-Black.eot");
	src: url("fonts/ProximaNova-Black/ProximaNova-Black.eot") format("embedded-opentype"), url("fonts/ProximaNova-Black/ProximaNova-Black.woff") format("woff"), url("fonts/ProximaNova-Black/ProximaNova-Black.ttf") format("truetype"), url("fonts/ProximaNova-Black/ProximaNova-Black.svg#") format("svg");
}

@font-face {
	font-family: 'ProximaNova-Thin';
	src: url("fonts/ProximaNova-Thin/ProximaNovaT-Thin.eot");
	src: url("fonts/ProximaNova-Thin/ProximaNovaT-Thin.eot") format("embedded-opentype"), url("fonts/ProximaNova-Thin/ProximaNovaT-Thin.woff") format("woff"), url("fonts/ProximaNova-Thin/ProximaNovaT-Thin.ttf") format("truetype"), url("fonts/ProximaNova-Thin/ProximaNovaT-Thin.svg#") format("svg");
}

body.is-fix {
	overflow: hidden !important;
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

body, html {
	height: 100%;
}

body {
	font-size: 14px !important;
	min-height: 100%;
	font-family: 'ProximaNova-Regular';
	color: #000;
	position: relative;
	background: #181818 url("images/main-bg-colors.png") no-repeat top center;
	min-width: 320px;
}

.w100-for-evg {
	max-width: 100%;
	height: auto;
}

.white-bg ul {
	padding-left: 50px;
	color: #313030;
	font-size: 16px;
	padding-bottom: 25px;
}

.white-bg li {
	color: #313030;
	font-size: 16px;
	line-height: 25px;
	font-family: "ProximaNova-Light";
}

.white-bg .text p {
	color: #313030;
	font-size: 16px;
}

html, body {
	-webkit-overflow-scrolling: touch !important;
	height: 100% !important;
	font-family: ProximaNova-Regular;
}

a:hover {
	text-decoration: none;
	color: #00eaff;
}

@media (min-width: 1200px) {
	.container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

a:active {
	text-decoration: none;
}

#wpadminbar {
	position: fixed !important;
}

.top-menu {
	margin-left: -50px;
}

.mobile-visible-menu header {
	background: #141414;
	z-index: 99;
}

header {
	padding-top: 30px;
	position: absolute;
	z-index: 99;
	width: 100%;
}

@media screen and (max-width: 992px) {
	header {
		padding-top: 15px;
		padding-bottom: 15px;
		position: relative;
		margin-bottom: 20px;
	}

	.bg-display {
		display: block !important;
		position: absolute;
		z-index: -1;
		top: 0;
		opacity: 0.2;
		left: 0;
		right: 0;
		margin: auto;
	}
}

header .menu-burger {
	cursor: pointer;
	height: 30px;
	padding: 5px 0;
}

header .menu-burger.on .one {
	-webkit-transform: rotate(45deg) translate(5px, 5px);
	-ms-transform: rotate(45deg) translate(5px, 5px);
	transform: rotate(45deg) translate(5px, 5px);
}

header .menu-burger.on .two {
	opacity: 0;
}

header .menu-burger.on .three {
	-webkit-transform: rotate(-45deg) translate(7px, -8px);
	-ms-transform: rotate(-45deg) translate(7px, -8px);
	transform: rotate(-45deg) translate(7px, -8px);
}

header .menu-burger div {
	width: 30px;
	height: 2px;
	background: #fff;
	display: block;
	margin-bottom: 7px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

header .menu-burger div:last-child {
	margin-bottom: 0px;
}

header .header-contact {
	font-size: 16px;
	line-height: 30px;
	color: #00eaff;
	font-family: "ProximaNova-Light";
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 17px 0 25px;
	display: inline-block;
	background: url("images/icon-phone-header.png") no-repeat left center;
	white-space: nowrap;
}

@media screen and (max-width: 992px) {
	header .header-contact {
		margin-top: 0;
		margin-left: -40px;
		font-size: 20px;
	}
}

@media screen and (max-width: 576px) {
	header .header-contact {
		font-size: 17px;
		margin-left: 4px;
	}
}

header ul {
	padding-left: 20px;
}

header ul ul {
	display: none;
	padding-left: 0;
	position: absolute;
	background: #fff;
	margin-top: 0px;
	min-width: 580px;
	z-index: 99;
	overflow: hidden;
}

header ul ul li.menu-item-has-children {
	background: #303030;
	padding: 0px;
	display: inline-block;
	width: 50%;
	float: left;
}

header ul ul > li:first-of-type ul li {
	border-right: 1px solid #e7f2f8;
	box-sizing: border-box;
}

header ul.d-flex > li > ul > li:last-of-type {
	display: block;
	float: left;
	background: #1d1d1d;
}

header ul.d-flex > li > ul > li:last-of-type a {
	color: #FFF;
}

header ul.d-flex > li > ul > li:last-of-type a div {
	width: 50%;
	float: left;
	margin-bottom: 10px;
}

header ul.d-flex > li > ul > li:last-of-type a .sub {
	float: left;
	font-size: 14px;
	display: inline-block;
	font-family: "ProximaNova-Regular";
	color: #6bfaff;
	border: 1px dashed #6bfaff;
	height: 40px;
	line-height: 40px;
	position: relative;
	z-index: 9;
	padding: 0 40px;
	border-radius: 50px;
	cursor: pointer;
	max-width: calc(50% - 16px);
	margin-top: 16px;
	margin-left: 10px;
}

header ul.d-flex > li > ul > li:last-of-type a:hover {
	color: #FFF;
	background: #303030;
}

header ul.d-flex > li > ul > li:last-of-type a:hover:before {
	content: none;
}

header ul ul li.menu-item-has-children > a:not([href]) {
	font-size: 16px;
	line-height: 50px;
	height: 50px;
	color: #00eaff;
	padding: 0px 20px;
}

header ul ul li.menu-item-has-children > a:not([href]):hover {
	background: none;
}

header ul ul li.menu-item-has-children > a:not([href]):hover:before {
	display: none;
}

header ul ul ul {
	min-width: 290px;
	height: 100%;
	margin-top: 0;
	display: block !important;
	position: relative;
	overflow: visible;
}

header ul ul ul:first-child {
	border-right: 1px solid #e7f2f8;
}

header ul ul > li {
	margin-right: 0px;
	border-bottom: 1px solid #e7f2f8;
	background: #FFF;
}

header ul ul li:last-child {
	border-bottom: none;
}

header ul ul li a {
	color: #000;
	font-family: "ProximaNova-Semibold";
	font-size: 15px;
	line-height: 25px;
	padding: 10px 20px;
	display: block;
	position: relative;
}

header ul ul li a:not([href]) {
	font-size: 14px;
	line-height: 20px;
	color: #a2a2a2;
	font-family: "ProximaNova-Light";
}

header ul ul li a:hover {
	background: #f5f5f5;
	color: #000;
}

header ul ul li a:hover:before {
	content: '';
	position: absolute;
	width: 2px;
	height: 100%;
	background: #00eaff;
	top: 0;
	left: 0;
}

header ul ul li a span {
	font-size: 14px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
}

header ul ul li a:after {
	display: none;
}

header ul li {
	list-style: none;
	margin-right: 20px;
}

header ul lilast-child {
	margin-right: 0px;
}

header ul li:hover a:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

header ul li:hover ul {
	display: block;
}

header ul li a {
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	font-family: "ProximaNova-Light";
	position: relative;
}

header ul li a:after {
	content: '';
	width: 100%;
	height: 4px;
	z-index: 9;
	position: absolute;
	background: #00eaff;
	left: 0;
	bottom: -10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

header .logo {
	height: 40px;
	background: url("images/logo.png") no-repeat;
	padding: 6px 0 0 45px;
	display: block;
}

@media screen and (max-width: 992px) {
	header .logo {
		height: 30px;
		padding: 0 0 0 35px;
		background-size: 30%;
	}
}

@media screen and (max-width: 576px) {
	header .logo {
		height: 22px;
		padding: 0 0 0 24px;
		background-size: 32%;
	}
}

header .logo div {
	color: #fff;
}

header .logo .logo-t1 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
}

@media screen and (max-width: 992px) {
	header .logo .logo-t1 {
		font-size: 18px;
	}
}

@media screen and (max-width: 576px) {
	header .logo .logo-t1 {
		font-size: 17px;
		line-height: 23px;
		font-family: "ProximaNova-Light";
	}
}

header .logo .logo-t2 {
	font-size: 12px;
	line-height: 12px;
	margin-left: -80px;
	margin-bottom: -60px;
}

body .mw600 {
	/*max-width: 600px;*/
}

main {
	padding-top: 150px;
}

@media (max-width: 992px) {
	main {
		padding-top: 4px;
	}
}

main .breadcrumb-wrap span {
	vertical-align: middle;
	display: inline-block;
}

main .breadcrumb-wrap span.ovr {
	width: 10px;
	height: 10px;
	margin: 0 8px;
	background: url("images/ovr-icon.png") no-repeat;
}

main .breadcrumb-wrap span span {
	font-size: 14px;
	line-height: 12px;
	font-family: "ProximaNova-Light";
	color: #00eaff;
}

main .breadcrumb-wrap span a span {
	font-size: 14px;
	line-height: 12px;
	font-family: "ProximaNova-Light";
	color: #9f9e9e;
}

main h1 {
	color: #fff;
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 20px;
	font-family: "ProximaNova-ExtraBold";
}

.tippy-popper * {
	text-align: left !important;
}

/* APP 1 */

.app-1 {
	min-height: 768px;
	position: relative;
	height: 100%;
}

@media screen and (max-width: 992px) {
	.app-1 {
		min-height: 410px;
		height: calc(100% - 510px);
	}
}

.app-1 span {
	color: #00eaff;
}

.app-1:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("images/app-1-before.png") center no-repeat;
	background-size: cover;
}

@media screen and (max-width: 992px) {
	.app-1 {
		/*background: url("images/mob-app-1-bg.png") no-repeat center;*/
		background-size: 30%;
	}
}

@media screen and (max-width: 576px) {
	.app-1 {
		background-size: 100%;
		height: auto;
	}
}

.app-1 .container {
	height: 100%;
}

.app-1 .container .row {
	height: 100%;
}

.app-1 .container .row .d-t {
	height: 100%;
}

@media screen and (max-width: 992px) {
	.app-1 .container .row .d-t {
		text-align: center;
	}
}

@media (max-width: 576px) {
	.app-1 .container {
		height: auto;
	}

	.app-1 .container .row {
		height: auto;
	}

	.app-1 .container .row .d-t {
		height: auto;
	}
}

.app-1 .container .row .image {
	height: 100%;
}

.app-1 .container .row .image .d-table-cell {
	vertical-align: middle;
}

.app-1 .container .row .image .d-table-cell img {
	width: calc(100% + 15px);
}

@media screen and (max-width: 1400px) {
	.app-1 .container .row .image img {
		width: 100%;
	}
}

.app-1 .d-table-cell {
	margin-top: 60px;
}

@media screen and (max-width: 992px) {
	.app-1 .d-table-cell {
		margin-top: 0px;
	}
}

@media screen and (max-width: 576px) {
	.app-1 .d-table-cell {
		margin-top: 70px;
	}
}

@media (max-width: 992px) and (orientation: landscape) {
	.app-1 .d-table-cell {
		margin-top: 50px;
	}

	.app-1 {
		margin-bottom: 30px;
	}
}

body .app-1 .app-1-p {
	font-family: "ProximaNova-Regular";
	color: #fff;
	max-width: 550px;
}

.app-1 h1 {
	font-size: 45px;
	line-height: 50px;
	font-family: "ProximaNova-ExtraBold";
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 42px;
	position: relative;
}

.app-1 h1 span {
	position: relative;
}

.app-1 h1:after {
	content: '';
	width: 51px;
	height: 39px;
	background: url("images/icon-after-title.png") no-repeat;
	position: absolute;
	top: 16px;
}

@media screen and (max-width: 1220px) {
	.app-1 h1:after {
		top: 4px;
	}
}

@media screen and (max-width: 1024px) {
	.app-1 h1:after {
	}
}

@media screen and (max-width: 992px) {
	.app-1 h1:after {
		display: none;
	}
}

@media screen and (max-width: 1220px) {
	.app-1 h1 {
		margin-bottom: 12px;
		font-size: 32px;
		line-height: 40px;
	}
}

@media screen and (max-width: 576px) {
	.app-1 h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 22px;
	}
}

.app-1 h2 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-family: "ProximaNova-Light";
	margin-bottom: 40px;
}

@media screen and (max-width: 1220px) {
	.app-1 h2 {
		margin-bottom: 35px;
	}
}

@media screen and (max-width: 576px) {
	.app-1 h2 {
		margin-bottom: 30px;
		font-size: 14px;
		padding: 0 30px;
	}
}

.app-1 .text {
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
	font-family: "ProximaNova-Semibold";
}

@media screen and (max-width: 1024px) {
	.app-1 .text p {
		font-size: 12px;
	}
}

.app-1 .text-center {
	position: absolute;
	width: 100%;
	z-index: 9;
	bottom: 70px;
	left: 0;
}

@media (max-width: 768px) {
	.app-1 .text-center {
		/*bottom: 60px;*/
		display: none;
	}
}

@media (max-width: 576px) {
	.app-1 .text-center {
		display: none;
	}
}

.app-1 .text-center .next-block {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: url("images/icon-next-block.png") no-repeat;
	animation: bounce .8s infinite alternate;
	-webkit-animation: bounce .8s infinite alternate;
}

.app-1 .app-1-button {
	margin-top: 60px;
}

@media screen and (max-width: 1220px) {
	.app-1 .app-1-button {
		margin-top: 20px;
	}
}

@media screen and (max-width: 992px) {
	.app-1 .app-1-button {
		margin-top: 0px;
	}
}

.app-1 .app-1-button a {
	margin-right: 20px;
}

@media screen and (max-width: 1270px) {
	.app-1 .app-1-button {
		flex-wrap: wrap;
	}

	.app-1 .app-1-button a {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 992px) {
	.app-1 .app-1-button {
		justify-content: center;
	}
}

@media (max-width: 576px) {
	.app-1 .app-1-button a {
		margin-bottom: 10px;
		margin-right: 0;
		width: 90%;
	}
}

/* APP 2 */

.app-2 {
	padding-bottom: 102px;
	position: relative;
}

.app-2:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/app-2-before.png") no-repeat center;
	background-size: 100%;
}

@media screen and (max-width: 992px) {
	.app-2 {
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 576px) {
	.app-2 {
		overflow: hidden;
	}
}

.app-2 .title.app-2-title span {
	position: relative;
}

.app-2 .title.app-2-title span:after {
	content: '';
	width: 20px;
	height: 31px;
	position: absolute;
	background: url(images/app-2-title-icon.png) no-repeat;
	background-size: 100%;
	bottom: 4px;
	right: -40px;
}

@media screen and (max-width: 576px) {
	.app-2 .title.app-2-title span:after {
		bottom: -2px;
		right: -26px;
		background-size: 80%;
		background-position: center;
	}
}

@media screen and (max-width: 992px) {
	.app-2 .title.app-2-title {
		margin-bottom: 40px;
		padding-top: 20px;
		margin-left: -5%;
	}

	.modal-body {
		width: 100%;
		color: #000;
	}
}

.app-2 .app-2-list-sertificate {
	margin-top: 20px;
	margin-bottom: 130px;
	position: relative;
}

@media screen and (max-width: 1220px) {
	.app-2 .app-2-list-sertificate {
		margin-top: 0px;
		justify-content: center;
	}
}

.app-2 .app-2-list-sertificate:after {
	content: '';
	position: absolute;
	width: 385px;
	height: 715px;
	background: url("images/app-img-after.png") no-repeat;
	left: 105px;
	bottom: -800px;
}

@media screen and (max-width: 1279px) {
	.app-2 .app-2-list-sertificate:after {
		display: none;
	}
}

.app-2 .app-2-list-sertificate .item-sertificate {
	padding: 20px;
	text-align: center;
	background: #fff;
	position: relative;
}

.left-wire {
	padding-right: 60px;
}

@media screen and (max-width: 992px) {
	.left-wire {
		padding-right: 0;
	}

	body {
		background-position: center center;
	}

	.app-2 .app-2-list-sertificate .item-sertificate {
		margin: 0 10px;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .app-2-list-sertificate .item-sertificate {
		padding: 6px;
		/*&:last-child:before{
            content: '';
            position: absolute;
            bottom: -140px;
            right: 48px;
            width: 291px;
            height: 51px;
            background: url("images/mob-app-2-lineafter-1.png") no-repeat;
          }
          &:first-child:before{
            content: '';
            position: absolute;
            bottom: -140px;
            left: 65px;
            width: 27px;
            height: 51px;
            background: url("images/mob-app-2-lineafter-2.png") no-repeat;
            }*/;
	}
}

.app-2 .app-2-list-sertificate .item-sertificate .image img {
	max-width: 225px;
	display: block;
}

@media screen and (max-width: 576px) {
	.app-2 .app-2-list-sertificate .item-sertificate .image img {
		margin: auto;
	}
}
/*Корректироваки картинки для устранения фигни с треугольником*/
.app-2 .app-2-list-sertificate .item-sertificate:first-child .image {
    height: 190px;
}
.app-2 .app-2-list-sertificate .item-sertificate:first-child .image img {
    width: 100%;
}
/*Конец*/
.app-2 .app-2-list-sertificate .item-sertificate:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 61px;
	left: 0;
	bottom: -61px;
	background: url("images/app-2-item-after.png") center;
}

.app-2 .app-2-list-sertificate .item-sertificate:first-child {
	margin-right: 20px;
	max-width: 230px;
}

@media screen and (max-width: 992px) {
	.app-2 .app-2-list-sertificate .item-sertificate:first-child {
		margin-right: 10px;
	}
}

.app-2 .app-2-list-sertificate .item-sertificate p {
	font-family: "ProximaNova-Light";
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #969696;
}

@media screen and (max-width: 576px) {
	.app-2 .app-2-list-sertificate .item-sertificate p {
		font-size: 12px;
		line-height: 20px;
	}
}

.app-2 .app-2-list-sertificate .item-sertificate ul {
	list-style: none;
}

.app-2 .app-2-list-sertificate .item-sertificate ul li {
	font-family: "ProximaNova-Regular";
	font-size: 16px;
	line-height: 30px;
}

@media screen and (max-width: 576px) {
	.app-2 .app-2-list-sertificate .item-sertificate ul li {
		font-size: 12px;
		line-height: 20px;
	}
}

.app-2 .item {
	padding-top: 70px;
}

@media screen and (max-width: 992px) {
	.app-2 .item {
		text-align: center;
	}
}

.app-2 .item:first-child {
	padding-left: 58px;
}

@media screen and (max-width: 992px) {
	.app-2 .item:first-child {
		padding: 0px;
	}
}

.app-2 .item:first-child .title {
	position: relative;
}

@media screen and (max-width: 1220px) {
	.app-2 .item:first-child .title {
		font-size: 32px;
	}
}

.app-2 .item:first-child .title span {
	position: relative;
}

.app-2 .item:first-child .title span:after {
	content: '';
	width: 21px;
	height: 34px;
	position: absolute;
	background: url("images/app-2-title-icon.png") no-repeat;
	top: 50%;
	margin-top: -17px;
	right: -32px;
}

.app-2 .item:first-child .title:before {
	content: '';
	width: 50px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: -70px;
	background: url("images/app-2-title-icon-before.png") no-repeat;
}

.app-2 .item .sub-title {
	margin-bottom: 10px;
}

.app-2 .item ul {
	list-style: none;
}

@media screen and (max-width: 1260px) {
	.app-2 .item ul {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 992px) {
	.app-2 .item ul {
		justify-content: center;
	}
}

.app-2 .item ul li {
	margin-right: 10px;
	padding: 0 4px;
}

@media screen and (max-width: 576px) {
	.app-2 .item ul li img {
		max-width: 100%;
	}
}

.app-2 .item ul li:last-child {
	margin-right: 0px;
}

@media screen and (max-width: 576px) {
	.app-2 .item ul li {
		margin-bottom: 5px;
		margin-right: 0px;
	}
}

.app-2 .item .text {
	margin-top: 28px;
}

@media screen and (max-width: 576px) {
	.app-2 .item .text {
		padding: 0 20px;
	}
}

.app-2 .last-item {
	padding-bottom: 140px;
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul {
		padding: 0 0 0 20px;
		position: relative;
	}
}

@media screen and (max-width: 992px) {
	.app-2 .last-item {
		text-align: center;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item {
		padding-bottom: 62px;
	}
}

.app-2 .last-item:after {
	content: '';
	position: absolute;
	height: 430px;
	width: calc(100% + 15px);
	bottom: 0;
	left: -15px;
	background: url("images/app-2-last-block.png") no-repeat bottom center;
	background-size: 100%;
}

@media screen and (max-width: 576px) {
	.app-2 .last-item:after {
		background: url("images/mob-app-2-last-block.png") no-repeat bottom center;
		background-size: 90%;
		height: 60px;
		left: 0;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item .text {
		padding: 0 20px;
	}
}

.app-2 .last-item .item {
	padding-top: 5px;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item .item {
		padding: 20px 0 0 84px;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item .item {
		padding: 20px 0 0 36px;
	}
}

.app-2 .last-item ul li {
	padding: 24px 30px;
	height: 170px;
	margin: 0 0 20px 0;
	position: relative;
	text-align: left;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li {
		height: auto;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li {
		padding: 20px;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li:after {
		/*content: '';*/
		position: absolute;
		width: 20px;
		height: 20px;
		background: url("images/mob-app-2-ul-icon.png") no-repeat center;
		left: -82px;
		top: 50%;
		margin-top: -10px;
	}
}

.app-2 .last-item ul li.li-1 {
	background: #fff url("images/app-2-li-1.png") no-repeat left center;
}

.app-2 .last-item ul li.li-1:before {
	content: '';
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-1.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li.li-1:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li.li-1:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2 .last-item ul li.li-2 {
	background: #fff url("images/app-2-li-2.png") no-repeat left center;
}

.app-2 .last-item ul li.li-2:before {
	content: '';
	position: absolute;
	width: 58px;
	height: 50px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-2.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li.li-2:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li.li-2:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2 .last-item ul li.li-3 {
	background: #fff url("images/app-2-li-3.png") no-repeat left center;
}

.app-2 .last-item ul li.li-3:before {
	content: '';
	position: absolute;
	width: 43px;
	height: 59px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-3.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li.li-3:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li.li-3:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2 .last-item ul li.li-4 {
	background: #fff url("images/app-2-li-4.png") no-repeat left center;
}

.app-2 .last-item ul li.li-4:before {
	content: '';
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-4.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li.li-4:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li.li-4:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2 .last-item ul li h5 {
	font-size: 20px;
	line-height: 25px;
	font-family: "ProximaNova-Bold";
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li h5 {
		font-size: 18px;
		line-height: 22px;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li h5 {
		font-size: 16px;
		line-height: 20px;
	}
}

.app-2 .last-item ul li h5:after {
	content: '';
	width: 30px;
	height: 2px;
	bottom: 0px;
	left: 0;
	position: absolute;
	background: #01def2;
}

.app-2 .last-item ul li p {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	color: #3d3d3d;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item ul li p {
		line-height: 20px;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item ul li p {
		font-size: 13px;
		line-height: 18px;
	}
}

.app-2 .last-item .title {
	margin-top: 128px;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item .title {
		margin-top: 50px;
	}
}

.app-2 .last-item .title:before {
	display: none;
}

.app-2 .last-item .title:after {
	content: '';
	position: absolute;
	width: 48px;
	height: 48px;
	background: url("images/app-2-effect-icon.png") no-repeat;
	right: 74px;
	top: 202px;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item .title:after {
		display: none;
	}
}

.app-2 .last-item .title span {
	position: relative;
}

.app-2 .last-item .title span:first-child:after {
	content: '';
	width: 50px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: -70px;
	background: url(images/app-2-title-icon-after.png) no-repeat;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item .title span:first-child:after {
		display: none;
	}
}

.app-2 .last-item .title span:last-child:after {
	content: '';
	width: 37px;
	height: 36px;
	position: absolute;
	top: 4px;
	right: -52px;
	background: url(images/app-2-title-icon-last.png) no-repeat;
}

@media screen and (max-width: 992px) {
	.app-2 .last-item .title span:last-child:after {
		width: 30px;
		height: 30px;
		top: 2px;
		right: -40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2 .last-item .title span:last-child:after {
		top: 0px;
		background-size: 80%;
	}
}

.app-2 .last-item .sub-title {
	line-height: 30px;
	margin: 10px 0 24px 0;
	font-family: "ProximaNova-Thin";
	font-weight: bold;
}

.app-3 {
	position: relative;
	padding-bottom: 130px;
}

.app-3:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 978px;
	top: 50%;
	margin-top: -489px;
	background: url(images/app-3-before.png) no-repeat center;
	background-size: 100%;
}

@media screen and (max-width: 576px) {
	.app-3 {
		overflow: hidden;
	}
}

.app-3 .app-3-effect-2 {
	width: 30px;
	height: 30px;
	right: 106px;
	top: -64px;
	position: absolute;
	background: url("images/app-3-title-icon-2.png") no-repeat;
}

.app-3 .title {
	text-align: center;
	margin-bottom: 22px;
	position: relative;
}

.app-3 .title span:after {
	content: '';
	width: 32px;
	height: 31px;
	position: absolute;
	margin-left: 14px;
	margin-top: 8px;
	background: url("images/app-3-title-icon.png") no-repeat;
}

@media screen and (max-width: 992px) {
	.app-3 .title span:after {
		margin-top: -2px;
	}
}

@media screen and (max-width: 576px) {
	.app-3 .title span:after {
		top: auto;
		bottom: 4px;
		margin-left: 6px;
		margin-top: 0;
		background-size: 80%;
		background-position: center;
		width: 28px;
	}
}

.app-3 .sub-title {
	font-family: "ProximaNova-Regular";
	text-align: center;
	line-height: 25px;
	margin-bottom: 56px;
}

@media screen and (max-width: 576px) {
	.app-3 .sub-title {
		margin-bottom: 26px;
	}
}

@media screen and (max-width: 576px) {
	.app-3 .app-3-list {
		position: relative;
		right: -15px;
	}
}

.app-3 .app-3-list .item {
	background: #fff;
	padding: 30px 28px;
	height: 100%;
}

@media screen and (max-width: 992px) {
	.app-3 .app-3-list .item {
		height: auto;
		margin-bottom: 20px;
	}
}

.app-3 .app-3-list .item h4 {
	font-family: "ProximaNova-Bold";
	font-size: 27px;
	line-height: 25px;
	min-height: 70px !important;
}

@media screen and (max-width: 992px) {
	.app-3 .app-3-list .item h4 {
		min-height: 0;
	}
}

@media screen and (max-width: 576px) {
	.app-3 .app-3-list .item h4 {
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 18px;
	}
}

.app-3 .app-3-list .item > p {
	font-size: 15px;
	min-height: 125px;
	line-height: 25px;
	color: #595959;
	font-weight: bold;
}

@media screen and (max-width: 576px) {
	.app-3 .app-3-list .item > p, .app-3 .app-3-list .item h4 {
		min-height: 0;
	}
}

@media screen and (max-width: 576px) {
	.app-3 .app-3-list .item > p {
		font-size: 12.5px;
		line-height: 20px;
	}
}

.app-3 .app-3-list .item .price {
	font-size: 16px;
	line-height: 25px;
	color: #595959;
	margin: 44px 0 34px;
	font-family: "ProximaNova-Light";
	position: relative;
}

.app-3 .app-3-list .item .price:before {
	content: '';
	position: absolute;
	width: 320px;
	height: 60px;
	background: url("images/app-3-price-wrap.png") no-repeat;
	top: 50%;
	margin-top: -34px;
	left: -43px;
}

@media screen and (max-width: 576px) {
	.app-3 .app-3-list .item .price:before {
		background-size: 90%;
		background-position: center;
		left: -56px;
	}
}

.app-3 .app-3-list .item .price b {
	font-size: 35px;
	font-family: "ProximaNova-Bold";
	color: #000;
}

.app-3 .app-3-list .item .info p {
	color: #000;
	margin-bottom: 20px;
	font-family: "ProximaNova-Bold";
	line-height: 1.4;
}

.app-3 .app-3-list .item .info a {
	color: #00eaff;
	font-size: 18px;
	line-height: 25px;
	font-family: "ProximaNova-Bold";
	border-bottom: 2px dashed #00eaff;
}

@media screen and (max-width: 576px) {
	.app-3 .app-3-list .item .info a {
		font-size: 14px;
		line-height: 20px;
	}
}

.app-4 {
	padding-bottom: 130px;
}

@media screen and (max-width: 576px) {
	.app-4 {
		padding-bottom: 120px;
	}
}

.app-4 .app-4-effect-1 {
	width: 15px;
	height: 15px;
	right: 225px;
	top: -22px;
	position: absolute;
	background: url("images/app-4-effect-icon.png") no-repeat;
}

@media screen and (max-width: 576px) {
	.app-4 .app-4-effect-1 {
		display: none;
	}
}

.app-4 .app-4-effect-2 {
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: -70px;
	left: 120px;
	background: url("images/app-5-effect-icon.png") no-repeat;
}

.app-4 .title {
	text-align: center;
	margin-bottom: 40px;
}

.app-4 .text p {
	padding: 0px 55px;
}

.app-4 .title:after {
	content: '';
	width: 153px;
	height: 242px;
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -76px;
	background: url("images/app-4-effect-icon-2.png") no-repeat;
}

.app-4 .title span {
	color: #00eaff;
}

.app-4 .text {
	text-align: center;
	font-size: 15px;
	line-height: 25px;
	color: #959595;
	margin-bottom: 40px;
}

.app-4 .text span {
	color: #00eaff;
}

.app-5 {
	padding-bottom: 40px;
	position: relative;
}

.app-5:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/app-5-before.png") no-repeat center bottom;
	background-size: 100%;
}

@media screen and (max-width: 576px) {
	.app-5 {
		padding-bottom: 40px;
		overflow: hidden;
	}
}

.app-5 .app-5-effect-1 {
	width: 74px;
	height: 74px;
	left: -135px;
	top: 162px;
	position: absolute;
	background: url(images/app-5-effect.png) no-repeat;
}

@media screen and (max-width: 576px) {
	.app-5 .text {
		text-align: center;
	}
}

.app-5 .title {
	margin-bottom: 20px;
	position: relative;
}

.app-5 .title:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: 14px;
	margin-top: 8px;
	background: url(images/app-5-title-icon.png) no-repeat;
}

@media screen and (max-width: 992px) {
	.app-5 .title:after {
		width: 20px;
		background-size: 94%;
		margin-left: 10px;
		margin-top: 5px;
	}
}

.app-5 .button-style.arrow:after {
	width: 14px;
	height: 14px;
	background: url("images/app-5-more-icon.png");
}

.app-5 .app-5-list {
	margin-top: 52px;
	margin-bottom: 60px;
}

@media screen and (max-width: 576px) {
	.app-5 .app-5-list {
		margin: 22px 0 30px 0;
		position: relative;
		right: -15px;
	}
}

.app-5 .app-5-list .row {
	margin-bottom: 20px;
}

.app-5 .app-5-list .row:last-child {
	margin-bottom: 0;
}

.app-5 .app-5-list .item {
	padding: 28px;
	min-height: 376px;
	border: 2px solid #2f3030;
	position: relative;
}

@media screen and (max-width: 992px) {
	.app-5 .app-5-list .item {
		margin-bottom: 20px;
	}
}

.app-5 .app-5-list .item .text {
	position: relative;
	z-index: 9;
}

@media screen and (max-width: 576px) {
	.app-5 .app-5-list .item .text {
		text-align: left;
	}
}

.app-5 .app-5-list .item .result {
	position: absolute;
	font-size: 16px;
	line-height: 20px;
	color: #00eaff;
	padding-left: 45px;
	left: -16px;
	bottom: 24px;
	font-family: "ProximaNova-Thin";
	background: url("images/app-5-result-icon.png") no-repeat left center;
	text-transform: uppercase;
}

.app-5 .app-5-list .item .result span {
	display: block;
	font-size: 40px;
	line-height: 20px;
	margin-bottom: 8px;
}

.app-5 .app-5-list .item .image {
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

@media screen and (max-width: 992px) {
	.app-5 .app-5-list .item .image {
		width: 60%;
		bottom: -3px;
		text-align: right;
	}
}

.app-5 .app-5-list .item .image img {
	display: block;
}

@media screen and (max-width: 992px) {
	.app-5 .app-5-list .item .image img {
		display: inline-block;
	}
}

.app-5 .app-5-list .item h5 {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-family: "ProximaNova-Semibold";
}

.app-5 .app-5-list .item h6 {
	font-family: "ProximaNova-Light";
	font-style: italic;
	color: #00eaff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 14px;
	font-weight: bold;
}

.app-5 .app-5-list .item p {
	color: #959595;
	font-size: 14px !important;
	line-height: 20px;
	position: absolute;
	font-family: "ProximaNova-Light";
	font-weight: bold;
}

@media (max-width: 576px) {
	.app-5 .app-5-list .item p {
		max-width: 100%;
	}
}

.app-5 .app-5-list .item p.full-width {
	max-width: 100%;
}

.mobile-menu {
	display: none;
}

@media screen and (max-width: 992px) {
	.mobile-menu {
		transform: translateX(100%);
		transition: .4s;
		background: #141414;
		display: block;
	}

	.mobile-menu .container {
		height: 100%;
		display: table;
	}

	.mobile-menu .container ul {
		vertical-align: middle;
		padding: 0;
		text-align: center;
		list-style: none;
	}

	.mobile-menu .container ul li {
		margin-bottom: 15px;
	}

	.mobile-menu .container ul li a {
		color: #fff;
		font-size: 16px;
		line-height: 20px;
	}

	.mobile-menu.visible-menu {
		position: absolute;
		transform: translateX(0);
		transition: .4s;
		padding-top: 90px;
	}

	.mobile-menu {
		position: fixed;
		width: 100%;
		/*height: 100%;*/
		left: 0;
		top: 0;
		transition: .4s;
		z-index: 99;
	}

	.mobile-menu #menu-menyu ul > li:last-of-type {
		display: none;
	}

	body.mobile-visible-menu {
		overflow: hidden;
	}
}

footer {
	background: #0c0c0c;
	padding: 66px 0 0px 0;
}

footer .copyright-wrap {
	background: #141414;
	padding: 38px 0 68px;
}

@media screen and (max-width: 576px) {
	footer .copyright-wrap {
		padding: 28px 0;
	}
}

@media screen and (max-width: 992px) {
	footer {
		padding: 26px 0 0 0;
	}
}

footer .footer-ul {
	margin-bottom: 70px;
}

@media screen and (max-width: 992px) {
	footer .footer-ul .d-flex {
		flex-direction: column;
	}

	footer .footer-ul .d-flex .mob-ul-wrap {
		flex-direction: row;
		justify-content: space-between;
	}
}

footer .footer-ul ul {
	list-style: none;
	margin-right: 100px;
}

footer .footer-ul ul > li:first-of-type {
	margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
	footer .footer-ul ul {
		margin-right: 0px;
		margin-bottom: 30px;
	}
}

footer .footer-ul ul:last-child {
	margin-right: 0px;
	float: none;
	right: 10%;
}

footer .footer-ul ul li.social {
	margin-top: 6px;
}

footer .footer-ul ul li.social a {
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}

footer .footer-ul ul li.visa-mcard {
	margin-top: 24px;
}

footer .footer-ul ul li.phone a {
	font-size: 22px;
	line-height: 40px;
	color: #00eaff !important;
}

@media screen and (max-width: 576px) {
	footer .footer-ul ul li.phone a {
		font-size: 16px;
		line-height: 30px;
	}
}

footer .footer-ul ul li:first-child a {
	font-size: 16px;
	line-height: 40px;
	color: #fff !important;
	font-family: "ProximaNova-Semibold";
	text-transform: uppercase;
}

footer .footer-ul ul li a {
	font-size: 15px;
	line-height: 32px;
	color: #9c9c9c !important;
	text-decoration: none;
	font-family: "ProximaNova-Light";
	-webkit-transition: all 0.16s;
	-moz-transition: all 0.16s;
	-ms-transition: all 0.16s;
	-o-transition: all 0.16s;
	transition: all 0.16s;
	font-weight: bold;
}

footer .footer-ul ul li a[href]:hover {
	color: #00eaff !important;
	text-shadow: 0px 0px 9px rgba(34, 251, 251, 0.7);
}

footer .copyright {
	color: #575757;
	font-size: 14px;
	line-height: 30px;
	font-family: "ProximaNova-Light";
	margin-top: 16px;
}

footer .copyright a {
	color: #575757;
}

@media screen and (max-width: 576px) {
	footer .copyright {
		text-align: left;
	}
}

footer h4 {
	font-size: 16px;
	line-height: 40px;
	color: #00eaff;
	font-family: "ProximaNova-Light";
}

footer .copyright-wrap .pay-list ul li {
	display: inline-block;
}

footer .copyright-wrap .pay-list ul {
	margin-left: -18px;
}

@media screen and (max-width: 992px) {
	footer .copyright-wrap .pay-list {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
}

footer .copyright-wrap .pay-list ul {
	list-style: none;
}

@media screen and (max-width: 992px) {
	footer .copyright-wrap .pay-list ul {
		flex-direction: column;
		margin-top: 15px;
	}
}

@media screen and (max-width: 576px) {
	footer .copyright-wrap .pay-list ul {
		margin-top: 0;
	}
}

@media screen and (max-width: 992px) {
	footer .copyright-wrap .pay-list ul li.cash {
		margin-left: 0;
	}

	footer .copyright-wrap .pay-list ul li {
		margin-bottom: 5px;
	}
}

footer .copyright-wrap .pay-list ul li.cash a:before {
	background: url("images/pay-list-icon-1.png") no-repeat;
}

footer .copyright-wrap .pay-list ul li.cards a:before {
	background: url("images/pay-list-icon-2.png") no-repeat;
}

footer .copyright-wrap .pay-list ul li.bt a:before {
	background: url("images/pay-list-icon-3.png") no-repeat;
}

footer .copyright-wrap .pay-list ul li.e-pay a:before {
	background: url("images/pay-list-icon-4.png") no-repeat;
}

footer .copyright-wrap .pay-list ul li.eth a:before {
	background: url("images/pay-list-icon-5.png") no-repeat;
}

footer .copyright-wrap .pay-list ul li a {
	font-size: 15px;
	line-height: 30px;
	font-family: "ProximaNova-Light";
	color: #9c9c9c;
	padding-left: 60px;
	display: block;
	position: relative;
}

footer .copyright-wrap .pay-list ul li a:before {
	content: '';
	position: absolute;
	width: 70px;
	height: 70px;
	top: 50%;
	margin-top: -35px;
	left: 0;
}

footer .copyright-wrap .pay-list ul li a:hover {
	color: #9c9c9c !important;
}

footer .copyright-wrap .pay-list p {
	font-size: 14px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	color: #fff;
}

.white-bg {
	background: #FFF;
	padding: 40px 0px 20px 0px;
	margin: 10px 0px 0px 0px;
}

.button-style {
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	font-family: "ProximaNova-Bold";
	color: #d5d5d5;
	text-transform: uppercase;
	border: 1px dashed #98999a;
	height: 60px;
	line-height: 60px;
	position: relative;
	z-index: 9;
	padding: 0 70px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition: box-shadow ease 350ms, border ease 350ms;
	transition: box-shadow ease 350ms, border ease 350ms;
}

@media screen and (max-width: 1024px) {
	.button-style {
		font-size: 14px;
		padding: 0 40px;
		height: 50px;
		line-height: 50px;
	}
}

@media screen and (max-width: 576px) {
	.button-style {
		font-size: 13px;
		height: 50px;
		line-height: 50px;
	}
}

.button-style:hover {
	border-color: #00f6ff;
	-webkit-box-shadow: 0 0 35px 1px rgba(0, 246, 255, 0.5);
	box-shadow: 0 0 35px 1px rgba(0, 246, 255, 0.5);
}

@media screen and (max-width: 576px) {
	.app-5 .button-style.arrow:after {
		margin-top: -8px;
	}
}

.button-style.arrow:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -5px;
	margin-left: 20px;
	width: 12px;
	height: 10px;
	background: url("images/icon-arrow-x2.png") no-repeat;
}

@media screen and (max-width: 1400px) {
	.button-style.arrow:after {
		margin-left: 10px;
	}
}

@media screen and (max-width: 576px) {
	.button-style.arrow:after {
		margin-top: -6px;
	}
}

.button-style.arrow:hover:after {
	content: '';
	width: 12px;
	height: 10px;
	background: url("images/icon-arrow-x2-hover.png") no-repeat;
}

.effect-blue {
	color: #6bfaff;
	border: 1px solid #00f6ff;
	-webkit-box-shadow: 0 0 35px 1px rgba(0, 246, 255, 0.5);
	box-shadow: 0 0 35px 1px rgba(0, 246, 255, 0.5);
}

@media screen and (max-width: 576px) {
	.effect-blue {
		width: 90%;
	}
}

.title {
	font-size: 45px;
	line-height: 50px;
	color: #fff;
	font-family: "ProximaNova-Black";
	text-transform: uppercase;
}

@media screen and (max-width: 992px) {
	.title {
		font-size: 32px;
		line-height: 40px;
		text-align: center;
	}
}

@media screen and (max-width: 576px) {
	.title {
		font-size: 25px;
		line-height: 32px;
	}
}

.sub-title {
	font-size: 20px;
	line-height: 50px;
	color: #00eaff;
	font-family: "ProximaNova-Light";
	text-transform: uppercase;
}

@media screen and (max-width: 992px) {
	.sub-title {
		line-height: 30px;
	}
}

@media screen and (max-width: 576px) {
	.sub-title {
		font-size: 16px;
		line-height: 20px !important;
	}
}

.text p {
	font-size: 14px;
	line-height: 25px;
	font-family: "ProximaNova-Light";
	color: #959595;
}

@media screen and (max-width: 576px) {
	.text p {
		font-size: 14px;
		line-height: 20px;
		padding: 0;
	}
}

.page-content {
	margin: 10px 0 20px 0;
}

.page-content .text p {
	padding-bottom: 14px;
}

@keyframes bounce {
	from {
		transform: translateY(-5px);
	}

	to {
		transform: translateY(0);
	}
}

@-webkit-keyframes bounce {
	from {
		-webkit-transform: translateY(-5px);
	}

	to {
		-webkit-transform: translateY(0);
	}
}

.arcticmodal-overlay,
.arcticmodal-container {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

@media (max-width: 768px) {
	.arcticmodal-overlay,
	.arcticmodal-container {
		/*position: absolute;*/;
	}
}

.arcticmodal-container {
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

*:first-child + html .arcticmodal-container {
	height: 100%;
}

.arcticmodal-container_i {
	height: 100%;
	margin: 0 auto;
}

.arcticmodal-container_i2 {
	padding: 40px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

@media (max-width: 576px) {
	.arcticmodal-container_i2 {
		padding: 0;
	}
}

.arcticmodal-error {
	padding: 20px;
	border-radius: 10px;
	background: #000;
	color: #fff;
}

.arcticmodal-loading {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	background: #000 no-repeat 50% 50%;
}

.box-modal {
	position: relative;
}

.box-modal form {
	text-align: center;
}

.box-modal form.active .form-wrap {
	background: #FFF;
	width: auto;
}

.box-modal form .form-wrap {
	display: inline-block;
	max-width: 850px;
	width: 360px;
}

@media screen and (max-width: 992px) {
	.box-modal form .form-wrap {
		max-width: none;
	}
}

.box-modal .atn-text {
	font-size: 14px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	text-align: center;
	color: #444;
	padding: 20px 15px 30px 15px;
	background: #fff;
}

.box-modal h3 {
	font-size: 22px;
	line-height: 25px;
	font-family: "ProximaNova-Light";
	text-align: center;
	margin-bottom: 10px;
}

.box-modal .first:before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	background: url("images/modal-effect.png") no-repeat;
	bottom: -14px;
	left: -14px;
}

@media screen and (max-width: 992px) {
	.box-modal .first:before {
		display: none;
	}
}

.box-modal .box-modal_close {
	position: absolute;
	width: 30px;
	height: 30px;
	cursor: pointer;
	right: -30px;
	top: -30px;
	z-index: 9;
	background: url("images/modal-close.png") no-repeat;
}

@media screen and (max-width: 992px) {
	.box-modal .box-modal_close {
		right: 0px;
		top: 0px;
	}
}

.box-modal .box-modal-left {
	background: #fff;
	padding: 40px;
	position: relative;
	float: left;
	max-width: 360px;
}

@media (max-width: 992px) {
	.box-modal form .form-wrap {
		width: auto;
	}

	.arcticmodal-container_i {
		overflow: hidden;
	}

	.box-modal .box-modal-left {
		float: none;
		max-width: none;
	}
}

.box-modal .box-modal-left.right-active input[type="submit"] {
	margin-top: 30px;
}

.box-modal .box-modal-left input[type="submit"] {
	padding: 0 30px;
	width: 100%;
	position: relative;
	z-index: 1;
}

.box-modal .box-modal-left.right {
	max-width: 490px;
	display: none;
	float: right;
}

@media screen and (max-width: 992px) {
	.box-modal .box-modal-left.right {
		max-width: none;
		float: none;
	}
}

.box-modal .box-modal-left.right .check-box-input {
	margin-right: 10px;
}

.right .form-input-row {
	text-align: left;
	margin-bottom: 22px;
}

.right .form-input-row:first-of-type label {
	margin-bottom: 14px;
}

.check-box-input input[type=checkbox]:checked + .error-message-wrap + label span:after, .check-box-input input[type=checkbox]:checked + label span:after {
	-moz-opacity: 1;
	opacity: 1;
}

.check-box-input input[type=checkbox] {
	position: absolute;
	visibility: hidden;
}

.check-box-input label {
	cursor: pointer;
}

.check-box-input label span {
	width: 28px;
	height: 28px;
	margin-right: 10px;
	position: relative;
	border: 1px solid #d3d3d3;
	display: inline-block;
	background: #fff;
}

.check-box-input label span:after {
	content: '';
	position: absolute;
	top: -2px;
	left: 2px;
	width: 34px;
	height: 23px;
	-moz-opacity: 0;
	opacity: 0;
	bottom: 0;
	background: url("images/check-icon.png") no-repeat;
}

#modal-form .selectbox, #modal-form .selectbox ul, #modal-form #comment {
	border: 1px solid #d3d3d3;
}

@media (max-width: 576px) {
	#modal-form .selectbox {
		font-size: 12px;
	}
}

.form-input-row {
	text-align: center;
	margin-bottom: 12px;
}

.form-input-row .selectbox {
	color: #9d9d9d;
	font-size: 15px;
	line-height: 52px;
	height: 52px;
	font-family: "ProximaNova-Light";
	background: #fff;
	width: 100%;
	text-indent: 20px;
	cursor: pointer;
}

.form-input-row.get-right-part {
	margin-top: 30px;
	margin-bottom: 22px;
}

.form-input-row.get-right-part.return {
	margin-top: 30px;
}

.form-input-row.get-right-part.return a {
	position: relative;
	border-color: #c2c2c2;
	margin-left: 35px;
	color: #9d9d9d;
}

.form-input-row.get-right-part.return a:before {
	content: '';
	position: absolute;
	width: 25px;
	height: 10px;
	left: -35px;
	top: 50%;
	margin-top: -5px;
	background: url("images/return-icon.png") no-repeat;
}

.form-input-row.get-right-part a {
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	border-bottom: 2px dashed #00eaff;
}

.form-input-row .selectbox .trigger {
	position: absolute;
	width: 10px;
	height: 6px;
	top: 50%;
	margin-top: -3px;
	right: 25px;
	background: url("images/select-triger.png") no-repeat;
}

.form-input-row .selectbox .select {
	width: 100%;
}

.form-input-row .selectbox .dropdown {
	background: #fff;
	width: 100%;
}

.form-input-row label {
	font-size: 15px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	color: #292929;
	display: block;
	margin-bottom: 10px;
}

.first .form-input-row label {
	margin-bottom: 4px;
}

.form-input-row input {
	text-align: center;
}

input[type="submit"] {
	background: #00eaff;
	color: #fff;
	cursor: pointer;
}

input[type="text"], input[type="tel"], input[type="email"] {
	color: #9d9d9d;
	font-size: 15px;
	line-height: 52px;
	height: 52px;
	font-family: "ProximaNova-Light";
	background: #f3f3f3;
	border: 1px solid #dedede;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 282px;
	margin: auto;
	transition: .5s;
}

@media screen and (max-width: 992px) {
	input[type="text"], input[type="tel"], input[type="email"] {
		width: 100%;
	}
}

textarea {
	width: 410px;
	height: 150px;
	padding: 18px;
	color: #9d9d9d;
	font-size: 15px;
	transition: .5s;
	font-family: "ProximaNova-Light";
}

@media screen and (max-width: 992px) {
	textarea {
		width: 100%;
	}
}

input[type="text"].error, input[type="tel"].error, input[type="email"].error {
	border-color: #ff0000 !important;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, textarea:focus {
	border-color: #00eaff;
}

input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #9d9d9d;
}

input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, textarea:-moz-placeholder {
	color: #9d9d9d;
	opacity: 1;
}

input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder {
	color: #9d9d9d;
	opacity: 1;
}

input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #9d9d9d;
}

/* APP 1 CONTEXT */

header .logo .logo-t2-other {
	font-size: 12px;
	line-height: 12px;
	margin-left: 10px;
	margin-bottom: 4px;
	color: #00eaff;
}

.app-1-context {
	min-height: 748px;
	position: relative;
	height: 100%;
}

@media screen and (max-width: 992px) {
	.app-1-context {
		min-height: 510px;
		height: calc(100% - 110px);
	}
}

.app-1-context span {
	color: #00eaff;
}

.app-1-context:before {
	content: '';
	width: 100%;
	height: calc(100% - 100px);
	position: absolute;
	background: url("images/context-bg.jpg") center no-repeat;
	background-size: cover;
	bottom: 0;
}

@media screen and (max-width: 992px) {
	.app-1-context {
		/*background: url("images/mob-app-1-context-bg.png") no-repeat center;*/
		background-size: 30%;
	}
}

@media screen and (max-width: 576px) {
	.app-1-context {
		background-size: 100%;
		height: auto;
	}
}

.app-1-context .container {
	height: 100%;
}

.app-1-context .container .row {
	height: 100%;
}

.app-1-context .container .row .d-t {
	height: 100%;
	text-align: center;
}

@media screen and (max-width: 992px) {
	.app-1-context .container .row .d-t {
		text-align: center;
	}
}

@media (max-width: 576px) {
	.app-1-context .container {
		height: auto;
	}

	.app-1-context .container .row {
		height: auto;
	}

	.app-1-context .container .row .d-t {
		height: auto;
	}
}

.app-1-context .d-table-cell {
	margin-top: 60px;

}

@media screen and (max-width: 992px) {
	.app-1-context .d-table-cell {
		margin-top: 0px;
	}
}

@media screen and (max-width: 576px) {
	.app-1-context .d-table-cell {
		margin-top: 70px;
	}
}

@media (max-width: 992px) and (orientation: landscape) {
	.app-1-context .d-table-cell {
		margin-top: 10px;
	}

	.app-1-context {
		min-height: 0;
		margin-bottom: 30px;
	}
}

body .app-1-context .app-1-context-p {
	font-family: "ProximaNova-Regular";
	color: #fff;
	max-width: 550px;
}

.app-1-context h1 {
	font-size: 45px;
	line-height: 50px;
	font-family: "ProximaNova-ExtraBold";
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 42px;
	position: relative;
}

.app-1-context h1 span {
	position: relative;
}

@media screen and (max-width: 1220px) {
	.app-1-context h1 {
		margin-bottom: 12px;
		font-size: 32px;
		line-height: 40px;
	}
}

@media screen and (max-width: 576px) {
	.app-1-context h1 {
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 22px;
	}
}

.app-1-context h2 {
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	font-family: "ProximaNova-Light";
	margin: 0px 110px 40px 110px;
}

@media screen and (max-width: 1220px) {
	.app-1-context h2 {
		margin: 0 0 20px 0;
	}
}

@media screen and (max-width: 576px) {
	.app-1-context h2 {
		margin: 0 0 30px 0;
		font-size: 14px;
		padding: 0 30px;
	}
}

.app-1-context .text {
	font-size: 18px;
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
	font-family: "ProximaNova-Semibold";
}

@media screen and (max-width: 1024px) {
	.app-1-context .text p {
		font-size: 12px;
	}
}

.app-1-context .text-center .next-block {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: url("images/icon-next-block.png") no-repeat;
	animation: bounce .8s infinite alternate;
	-webkit-animation: bounce .8s infinite alternate;
}

.app-1-context .app-1-context-button {
	margin-top: 60px;
}

@media screen and (max-width: 1220px) {
	.app-1-context .app-1-context-button {
		margin-top: 20px;
	}
}

@media screen and (max-width: 992px) {
	.app-1-context .app-1-context-button {
		margin-top: 0px;
	}
}

.app-1-context .app-1-context-button a {
	margin: auto;
}

@media screen and (max-width: 1270px) {
	.app-1-context .app-1-context-button {
		flex-wrap: wrap;
	}

	.app-1-context .app-1-context-button a {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 992px) {
	.app-1-context .app-1-context-button {
		justify-content: center;
	}
}

@media (max-width: 576px) {
	.app-1-context .app-1-context-button a {
		margin-bottom: 10px;
		margin-right: 0;
		width: 90%;
	}
}

/* APP 5 CONTEXT */
.app-5-context {
	padding-bottom: 40px;
	padding-top: 60px;
	background: #f0f0f0;
	position: relative;
}

.app-5-context:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/app-5-before.png") no-repeat center bottom;
	background-size: 100%;
}

@media screen and (max-width: 576px) {
	.app-5-context {
		padding-bottom: 40px;
		overflow: hidden;
	}
}

.app-5-context .app-5-context-effect-1 {
	width: 74px;
	height: 74px;
	left: -135px;
	top: 162px;
	position: absolute;
	background: url(images/app-5-effect.png) no-repeat;
}

@media screen and (max-width: 576px) {
	.app-5-context .text {
		text-align: center;
	}
}

.app-5-context .title {
	margin-bottom: 20px;
	position: relative;
	color: #272727;
}

.app-5-context .title:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: 14px;
	margin-top: 8px;
	background: url(images/app-5-title-icon.png) no-repeat;
}

@media screen and (max-width: 992px) {
	.app-5-context .title:after {
		width: 20px;
		background-size: 94%;
		margin-left: 10px;
		margin-top: 5px;
	}
}

.app-5-context .button-style.arrow:after {
	width: 14px;
	height: 14px;
	background: url("images/app-5-more-icon.png");
}

.app-5-context .app-5-context-list {
	margin-top: 52px;
	margin-bottom: 60px;
}

@media screen and (max-width: 576px) {
	.app-5-context .app-5-context-list {
		margin: 22px 0 30px 0;
		position: relative;
		right: -15px;
	}
}

.app-5-context .app-5-context-list .row {
	margin-bottom: 20px;
}

.app-5-context .app-5-context-list .row:last-child {
	margin-bottom: 0;
}

.app-5-context .app-5-context-list .item {
	padding: 28px;
	min-height: 376px;
	box-shadow: 0px 0px 26px #ccc;
	position: relative;
	background: #FFF;
}

@media screen and (max-width: 992px) {
	.app-5-context .app-5-context-list .item {
		margin-bottom: 20px;
	}
}

.app-5-context .app-5-context-list .item .text {
	position: relative;
	z-index: 9;
}

@media screen and (max-width: 576px) {
	.app-5-context .app-5-context-list .item .text {
		text-align: left;
	}
}

.app-5-context .app-5-context-list .item .result {
	position: absolute;
	font-size: 16px;
	line-height: 20px;
	color: #00eaff;
	padding-left: 45px;
	left: -16px;
	bottom: 24px;
	font-family: "ProximaNova-Thin";
	background: url("images/app-5-result-icon.png") no-repeat left center;
	text-transform: uppercase;
}

.app-5-context .app-5-context-list .item .result span {
	display: block;
	font-size: 40px;
	line-height: 20px;
	margin-bottom: 8px;
}

.app-5-context .app-5-context-list .item .image {
	position: absolute;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

@media screen and (max-width: 992px) {
	.app-5-context .app-5-context-list .item .image {
		width: 60%;
		bottom: -3px;
		text-align: right;
	}
}

.app-5-context .app-5-context-list .item .image img {
	display: block;
}

@media screen and (max-width: 992px) {
	.app-5-context .app-5-context-list .item .image img {
		display: inline-block;
	}
}

.app-5-context .app-5-context-list .item h5 {
	font-size: 20px;
	line-height: 20px;
	color: #272727;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-family: "ProximaNova-Semibold";
}

.app-5-context .app-5-context-list .item h6 {
	font-family: "ProximaNova-Light";
	font-style: italic;
	color: #00eaff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 14px;
}

.app-5-context .app-5-context-list .item p {
	color: #959595;
	font-size: 14px;
	line-height: 20px;
	max-width: 42%;
	font-family: "ProximaNova-Light";
}

@media (max-width: 576px) {
	.app-5-context .app-5-context-list .item p {
		max-width: 100%;
	}
}

.app-5-context .app-5-context-list .item p.full-width {
	max-width: 100%;
}

/* APP 2 CONTEXT */
.app-2-context {
	padding-bottom: 102px;
	position: relative;
}

.app-2-context:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: url("images/whitebg.png") no-repeat center;
	background-size: 100%;
}

@media screen and (max-width: 992px) {
	.app-2-context {
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context {
		overflow: hidden;
	}
}

.app-2-context .title.app-2-context-title span {
	position: relative;
}

.app-2-context .title.app-2-context-title span:after {
	content: '';
	width: 20px;
	height: 31px;
	position: absolute;
	background: url(images/app-2-title-icon.png) no-repeat;
	background-size: 100%;
	bottom: 4px;
	right: -40px;
}

@media screen and (max-width: 576px) {
	.app-2-context .title.app-2-context-title span:after {
		bottom: -2px;
		right: -26px;
		background-size: 80%;
		background-position: center;
	}
}

@media screen and (max-width: 992px) {
	.app-2-context .title.app-2-context-title {
		margin-bottom: 40px;
		padding-top: 20px;
	}
}

.app-2-context .app-2-context-list-sertificate {
	margin-top: 20px;
	position: relative;
}

@media screen and (max-width: 1220px) {
	.app-2-context .app-2-context-list-sertificate {
		margin-top: 0px;
		justify-content: center;
	}
}

.app-2-context .app-2-context-list-sertificate:after {
	content: '';
	position: absolute;
	width: 385px;
	height: 715px;
	background: url("images/app-img-after.png") no-repeat;
	left: 105px;
	bottom: -800px;
}

@media screen and (max-width: 1220px) {
	.app-2-context .app-2-context-list-sertificate:after {
		display: none;
	}
}

.app-2-context .app-2-context-list-sertificate .item-sertificate {
	padding: 20px;
	text-align: center;
	background: #fff;
	position: relative;
}

.left-wire {
	padding-right: 60px;
}

@media screen and (max-width: 992px) {
	.left-wire {
		padding-right: 0;
	}

	.app-2-context .app-2-context-list-sertificate .item-sertificate {
		margin: 0 10px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .app-2-context-list-sertificate .item-sertificate {
		padding: 6px;
	}
}

.app-2-context .app-2-context-list-sertificate .item-sertificate .image img {
	max-width: 100%;
	display: block;
}

@media screen and (max-width: 576px) {
	.app-2-context .app-2-context-list-sertificate .item-sertificate .image img {
		margin: auto;
	}
}

.app-2-context .app-2-context-list-sertificate .item-sertificate:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 61px;
	left: 0;
	bottom: -61px;
	background: url("images/app-2-item-after.png") center;
}

.app-2-context .app-2-context-list-sertificate .item-sertificate:first-child {
	margin-right: 20px;
}

@media screen and (max-width: 992px) {
	.app-2-context .app-2-context-list-sertificate .item-sertificate:first-child {
		margin-right: 10px;
	}
}

.app-2-context .app-2-context-list-sertificate .item-sertificate p {
	font-family: "ProximaNova-Light";
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #969696;
}

@media screen and (max-width: 576px) {
	.app-2-context .app-2-context-list-sertificate .item-sertificate p {
		font-size: 12px;
		line-height: 20px;
	}
}

.app-2-context .app-2-context-list-sertificate .item-sertificate ul {
	list-style: none;
}

.app-2-context .app-2-context-list-sertificate .item-sertificate ul li {
	font-family: "ProximaNova-Regular";
	font-size: 16px;
	line-height: 30px;
}

@media screen and (max-width: 576px) {
	.app-2-context .app-2-context-list-sertificate .item-sertificate ul li {
		font-size: 12px;
		line-height: 20px;
	}
}

.app-2-context .item {
	padding-top: 70px;
}

@media screen and (max-width: 992px) {
	.app-2-context .item {
		text-align: center;
	}
}

.app-2-context .item:first-child {
	padding-left: 58px;
}

@media screen and (max-width: 992px) {
	.app-2-context .item:first-child {
		padding: 0px;
	}
}

.app-2-context .item:first-child .title {
	position: relative;
}

@media screen and (max-width: 1220px) {
	.app-2-context .item:first-child .title {
		font-size: 32px;
	}
}

.app-2-context .item:first-child .title span {
	position: relative;
}

.app-2-context .item:first-child .title span:after {
	content: '';
	width: 21px;
	height: 34px;
	position: absolute;
	background: url("images/app-2-title-icon.png") no-repeat;
	top: 50%;
	margin-top: -17px;
	right: -32px;
}

.app-2-context .item:first-child .title:before {
	content: '';
	width: 50px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: -70px;
	background: url("images/app-2-title-icon-before.png") no-repeat;
}

.app-2-context .item .sub-title {
	margin-bottom: 10px;
}

.app-2-context .item ul {
	list-style: none;
}

@media screen and (max-width: 1260px) {
	.app-2-context .item ul {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 992px) {
	.app-2-context .item ul {
		justify-content: center;
	}
}

.app-2-context .item ul li {
	margin-right: 10px;
	padding: 0 4px;
}

@media screen and (max-width: 576px) {
	.app-2-context .item ul li img {
		max-width: 100%;
	}
}

.app-2-context .item ul li:last-child {
	margin-right: 0px;
}

@media screen and (max-width: 576px) {
	.app-2-context .item ul li {
		margin-bottom: 5px;
		margin-right: 0px;
	}
}

.app-2-context .item .text {
	margin-top: 28px;
}

@media screen and (max-width: 576px) {
	.app-2-context .item .text {
		padding: 0 20px;
	}
}

.app-2-context .last-item {
	padding-bottom: 140px;
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul {
		padding: 0 0 0 20px;
		position: relative;
	}
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item {
		text-align: center;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item {
		padding-bottom: 62px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item .text {
		padding: 0 20px;
	}
}

.app-2-context .last-item .item {
	padding-top: 5px;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item .item {
		padding: 20px 0 0 84px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item .item {
		padding: 20px 0 0 36px;
	}
}

.app-2-context .last-item ul li {
	padding: 24px 30px;
	height: 170px;
	margin: 0 0 20px 0;
	position: relative;
	text-align: left;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li {
		height: auto;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li {
		padding: 20px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li:after {
		/*content: '';*/
		position: absolute;
		width: 20px;
		height: 20px;
		background: url("images/mob-app-2-ul-icon.png") no-repeat center;
		left: -82px;
		top: 50%;
		margin-top: -10px;
	}
}

.app-2-context .last-item ul li.li-1 {
	background: #fff url("images/app-2-li-1.png") no-repeat left center;
}

.app-2-context .last-item ul li.li-1:before {
	content: '';
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-1.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li.li-1:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li.li-1:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2-context .last-item ul li.li-2 {
	background: #fff url("images/app-2-li-2.png") no-repeat left center;
}

.app-2-context .last-item ul li.li-2:before {
	content: '';
	position: absolute;
	width: 58px;
	height: 50px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-2.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li.li-2:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li.li-2:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2-context .last-item ul li.li-3 {
	background: #fff url("images/app-2-li-3.png") no-repeat left center;
}

.app-2-context .last-item ul li.li-3:before {
	content: '';
	position: absolute;
	width: 43px;
	height: 59px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-3.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li.li-3:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li.li-3:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2-context .last-item ul li.li-4 {
	background: #fff url("images/app-2-li-4.png") no-repeat left center;
}

.app-2-context .last-item ul li.li-4:before {
	content: '';
	position: absolute;
	width: 58px;
	height: 58px;
	top: 50%;
	margin-top: -29px;
	left: -82px;
	background: url("images/app-2-list-icon-4.png") no-repeat center;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li.li-4:before {
		left: -62px;
		width: 40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li.li-4:before {
		background-size: 80%;
		left: -52px;
	}
}

.app-2-context .last-item ul li h5 {
	font-size: 20px;
	line-height: 25px;
	font-family: "ProximaNova-Semibold";
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li h5 {
		font-size: 18px;
		line-height: 22px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li h5 {
		font-size: 16px;
		line-height: 20px;
	}
}

.app-2-context .last-item ul li h5:after {
	content: '';
	width: 30px;
	height: 2px;
	bottom: 0px;
	left: 0;
	position: absolute;
	background: #01def2;
}

.app-2-context .last-item ul li p {
	font-size: 16px;
	line-height: 25px;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item ul li p {
		line-height: 20px;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item ul li p {
		font-size: 13px;
		line-height: 18px;
	}
}

.app-2-context .last-item .title {
	margin-top: 128px;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item .title {
		margin-top: 50px;
	}
}

.app-2-context .last-item .title:before {
	display: none;
}

.app-2-context .last-item .title:after {
	content: '';
	position: absolute;
	width: 48px;
	height: 48px;
	background: url("images/app-2-effect-icon.png") no-repeat;
	right: 74px;
	top: 202px;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item .title:after {
		display: none;
	}
}

.app-2-context .last-item .title span {
	position: relative;
}

.app-2-context .last-item .title span:first-child:after {
	content: '';
	width: 50px;
	height: 10px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: -70px;
	background: url(images/app-2-title-icon-after.png) no-repeat;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item .title span:first-child:after {
		display: none;
	}
}

.app-2-context .last-item .title span:last-child:after {
	content: '';
	width: 37px;
	height: 36px;
	position: absolute;
	top: 4px;
	right: -52px;
	background: url(images/app-2-title-icon-last.png) no-repeat;
}

@media screen and (max-width: 992px) {
	.app-2-context .last-item .title span:last-child:after {
		width: 30px;
		height: 30px;
		top: 2px;
		right: -40px;
		background-size: 100%;
	}
}

@media screen and (max-width: 576px) {
	.app-2-context .last-item .title span:last-child:after {
		top: 0px;
		background-size: 80%;
	}
}

.app-2-context .last-item .sub-title {
	line-height: 30px;
	margin: 10px 0 24px 0;
	font-family: "ProximaNova-Thin";
}

/* BOX MODAL ON PAGE */
.box-modal-on-page {
	position: relative;
	padding-top: 100px;
	overflow: hidden;
}

.box-modal-on-page form {
	text-align: center;
	background: #FFF;
}

.box-modal-on-page form.active .form-wrap {
	background: #FFF;
	width: auto;
}

.box-modal-on-page form .form-wrap {
	display: inline-block;
	max-width: 850px;
	width: 100%;
}

@media screen and (max-width: 992px) {
	.box-modal-on-page form .form-wrap {
		max-width: none;
	}
}

.box-modal-on-page .atn-text {
	font-size: 14px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	text-align: center;
	color: #444;
	padding: 20px 15px 30px 15px;
	background: #fff;
}

.box-modal-on-page textarea {
	height: 141px;
}

.box-modal-on-page .right .form-input-row {
	margin-bottom: 10px;
}

.box-modal-on-page .form-input-row {
	margin-bottom: 30px;
}

.box-modal-on-page h3 {
	font-size: 45px;
	line-height: 50px;
	font-family: "ProximaNova-ExtraBold";
	text-align: center;
	margin-top: 20px;
}

.box-modal-on-page .first:before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	background: url("images/modal-effect.png") no-repeat;
	bottom: -14px;
	left: -14px;
}

@media screen and (max-width: 992px) {
	.box-modal-on-page .first:before {
		display: none;
	}
}

.box-modal-on-page .box-modal-on-page-left {
	background: #fff;
	padding: 40px 40px 0px 40px;
	position: relative;
	float: left;
	max-width: 360px;
}

@media (max-width: 992px) {
	.box-modal-on-page form .form-wrap {
		width: auto;
	}

	.arcticmodal-container_i {
		overflow: hidden;
	}

	.box-modal-on-page .box-modal-on-page-left {
		float: none;
		max-width: none;
	}
}

.box-modal-on-page .box-modal-on-page-left.right-active input[type="submit"] {
	margin-top: 30px;
}

.box-modal-on-page .box-modal-on-page-left input[type="submit"] {
	padding: 0 30px;
	width: 100%;
}

.box-modal-on-page .box-modal-on-page-left.right {
	max-width: 490px;
	float: right;
}

@media screen and (max-width: 992px) {
	.box-modal-on-page .box-modal-on-page-left.right {
		max-width: none;
		float: none;
	}
}

.box-modal-on-page .box-modal-on-page-left.right .check-box-input {
	margin-right: 10px;
}

/*# sourceMappingURL=style.css.map */
.app-2 .last-item .title:after {
	display: none;
}

@media (min-width: 767px) and (max-width: 769px) {
	.app-1 h1 {
		margin-top: -270px;
	}

	.app-1 h2 {
		margin-bottom: 55px;
		margin-top: 35px;
	}

}


.show-mobile {
	display: none;
}

.app-5 .app-5-list .item .result {
	background: none !important;
}

.app-5 .app-5-list .item .result:before {
	content: url(/wp-content/themes/aguru/images/app-5-result-icon.png);
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0;
	bottom: 7px;
}

.mobile-foot-men {
	display: none;
}

.desktop-foot-men {
	display: block;
}

@media screen and (max-width: 968px) {
	.show-mobile {
		display: block;
	}

	.show-desktop {
		display: none;
	}

	.text p {
		font-size: 18px;
		line-height: 22px;
	}

	.show-mobile ul {
		position: relative !important;
		right: unset !important;
	}

	footer .footer-ul .show-mobile .inline {
		display: block;
		vertical-align: top;
	}

	footer .footer-ul .show-mobile .inline:first-child {

	}

	footer .footer-ul .show-mobile .inline:last-child {

	}

	.app-2 .item .sub-title {
		margin-bottom: 30px;
	}

	section.app-2 .text .mw600 {
		font-weight: bold;
		line-height: 1.6;
	}

	.app-2 .last-item .title span:last-child {
		left: -14px;
	}

	.app-2 .last-item ul li h5 {
		font-size: 18px;
		line-height: 1.4;
	}

	.app-2 .last-item ul li p {
		font-size: 14px;
		line-height: 1.4;
	}

	.app-4 .title {
		font-size: 32px;
	}

	.app-4 .text p {
		padding: 0 20px;
		font-size: 14px !important;
		margin: 0 auto;
		line-height: 25px;
		font-weight: bold;
	}

	.app-4 .effect-blue {
		font-size: 13px;
	}

	footer .copyright-wrap .pay-list li {
		width: 49%;
		display: inline-block;
	}

	.mobile-foot-men {
		display: block;
	}

	.desktop-foot-men {
		display: none;
	}

	footer .copyright-wrap .pay-list ul li.cards {
		position: relative;
		width: 100%;
	}
}

.tippy-popper {
	display: none !important;
}

.modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
}

.modal-body {
	display: none;
	width: 50%;
	margin: 0 auto;
	top: 10%;
}

.chosen-content {
	padding: 30px 50px;
}

.chosen-content p:first-child {
	margin-top: 20px;
}

.chosen-content > p > strong {
	text-transform: uppercase;
	font-family: ProximaNova-Bold;
	font-size: 24px;
	line-height: 1.2;
	position: relative;
	top: -20px;
}

.chosen-content p {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 20px;
}

.indac {
	border: 2px dashed #00eaff;
	color: #00eaff;
	font-size: 20px;
	text-align: center;
	width: 120px;
	margin: -30px auto 0 auto;
	border-radius: 20px;
	padding: 5px 0 7px 0;
	transition: all .5 ease-out;
}

.indac:hover {
	border: 2px solid #00eaff;
}

.close.foo {
	padding-bottom: 30px;
}

.close.toop {
	position: absolute;
	right: -12px;
	width: 42px;
	top: 0;
	text-align: center;
	padding: 5px 0;
	border-right: none;
	border-top: 0;
	border-radius: 0 5px 0 0;
}

@media screen and (max-width: 767px) {
	.modal-body {
		display: none;
		width: 100%
	}

}

/*Отменить на боевом*/
#menu-item-16, #menu-item-15 {
	visibility: hidden;
}

#mobmenu #menu-item-185, #mobmenu #menu-item-19 > a, #mobmenu #menu-item-71 > a, #mobmenu #menu-item-76 > a {
	display: none;
}

#mobmenu #menu-item-181, #mobmenu #menu-item-183 {
	display: block !important;
}

#menu-item-17 div {
	width: 50px;
}

.page-template-template-contacts .dropdown {
	top: 50px !important
}

.page-template-template-contacts .button-style.effect-blue {
	position: relative;
	z-index: 1;
}

/*.app-5 .ssil-vnutr {
    margin-top: 130px;
    color: #959595;
	position: relative;
    z-index: 9;
}
.app-5 .ssil-vnutr a {
    color: #959595;
}
.app-5 .ssil-vnutr a:hover {
    color: #00eaff;
}*/
.bozenka-verstaet {
	text-align: center;
	padding: 80px 0 50px 0;
	width: 100%;
	overflow: hidden;
	background: #ececec;
}

.bozenka-verstaet .row {
	text-align: left;
	padding-bottom: 50px;
}

.bozenka-verstaet .title {
	color: #111;
}

.bozenka-verstaet h2 {
	font-size: 20px;
	line-height: 20px;
	color: #111;
	margin-bottom: 2px;
	text-transform: uppercase;
	font-family: "ProximaNova-Semibold";
}

.bozenka-verstaet h6 {
	font-family: "ProximaNova-Light";
	font-style: italic;
	color: #00eaff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 14px;
	font-weight: bold;
	padding-right: 20px;
}

.bozenka-verstaet p {
	color: #959595;
	font-size: 14px;
	line-height: 20px;
	font-family: "ProximaNova-Light";
	font-weight: bold;
}

.bozenka-verstaet .looking p {
	display: block;
	color: #111;
	font-size: 40px;
	line-height: 12px;
	margin-bottom: 8px;
	font-family: "ProximaNova-Thin";
	text-transform: uppercase;
}

.bozenka-verstaet .looking p:before {
	content: "+";
	position: absolute;
	font-family: unset;
	font-size: 64px;
	height: 35px;
	left: -40px;
	font-weight: 100;
	top: 0;
}

.bozenka-verstaet .first, .bozenka-verstaet .second {
	text-align: left;
	background-color: #fff;
	padding: 25px 0 0 25px;
	display: inline-block;
	vertical-align: top;
	height: 376px;
}

.text-block p {
	width: 75%;
	height: auto;
}

.first {
	position: relative;
	z-index: 2;
}

.second {
	position: relative;
	z-index: 1;
}

.first {
	margin-bottom: 2%;
}

.first.largery {
	width: 67%;
}

.first.offten {
	width: 30%;
	margin-left: 2%;
}

.second.largery {
	width: 67%;
}

.second.offten {
	width: 30%;
	margin-right: 2%;
}

.bozenka-verstaet .looking, .bozenka-verstaet .image-work {
	display: inline-block;
	vertical-align: middle;
}

.bozenka-verstaet .first .looking {
	position: absolute;
	top: inherit;
	bottom: 10%;
}

.bozenka-verstaet .second .looking {
	position: absolute;
	top: inherit;
	bottom: 10%;
}

.bozenka-verstaet .looking span {
	font-size: 16px;
	position: relative;
	top: 10px;
}

.bozenka-verstaet .image-work {
	float: right;
	position: relative;
	overflow: hidden;
	z-index: 0;
}

.bozenka-verstaet .text-block {
	position: relative;
	z-index: 2;
}

.first.largery .image-work {
	top: -155px;
}

.first.offten .image-work {
	top: -127px;
}

.second.offten .image-work {
	top: -182px;
}

.second.largery .image-work {
	top: -281px;
}

.second.largery .image-work img {
	position: relative;
	right: -150px;
}

@media screen and (max-width: 767px) {
	.app-5.bozenka-verstaet .text {
		text-align: center;
	}


	.bozenka-verstaet p:nth-child(1) {
		font-size: 22px;
		line-height: 25px;
	}

	.bozenka-verstaet .looking p {
		line-height: 14px;
	}

	.second.offten .image-work {
		top: -182px;
	}

	.bozenka-verstaet .second.largery h6 {
		width: 60%;
	}

	.second.largery .image-work {
		top: -301px;
	}

	.second.largery .image-work, .first.largery .image-work {
		width: 120%;
	}

	.first.largery .image-work.scaryna {
		width: 110%;
	}

	.second.largery .image-work.scaryna {
		width: 110%;
		top: -280px;
	}

	.second.offten .image-work.scaryna {
		top: -182px;
	}

	.first.offten .image-work.scaryna {
		top: -107px;
	}
}

@media (max-width: 991px) {
	.bozenka-verstaet .first, .bozenka-verstaet .second {
		width: 100%;
		margin: 0 auto 80px auto;
	}
}

@media (max-width: 1100px) {
	.image-work img {
		position: relative;
		right: -80px;
	}

	.second.largery .image-work img {
		position: relative;
		right: -200px;
	}
}

.app-5 .app-5-list .item .result.minus:before {
	content: "-";
	font-size: 100px;
}

.m50 {
	margin-top: 2%;
}

.case-1 {
	background-image: url(/wp-content/themes/aguru/assests/img/project_item_car.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-2 {
	background-image: url(/wp-content/themes/aguru/assests/img/project_item_junior.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 75%;
}

.case-3 {
	background-image: url(/wp-content/themes/aguru/assests/img/project_item_hacienda.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 75%;
}

.case-4 {
	background-image: url(/wp-content/themes/aguru/assests/img/project_item_sec_shop.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 70%;
}

.case-5 {
	background-image: url(/wp-content/themes/aguru/images/1_case_adult_trade.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-6 {
	background-image: url(/wp-content/themes/aguru/images/2_case_navolne.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 38%;
}

.case-7 {
	background-image: url(/wp-content/themes/aguru/images/3_case_stop_u.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 45%;
}

.case-8 {
	background-image: url(/wp-content/themes/aguru/images/4_case_parket.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 75%;
}

.case-9 {
	background-image: url(/wp-content/themes/aguru/images/8_case_tornado_og.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-10 {
	background-image: url(/wp-content/themes/aguru/images/6_case_alkometri.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 75%;
}

.case-11 {
	background-image: url(/wp-content/themes/aguru/images/5_case_amxm.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 50%;
}

.case-12 {
	background-image: url(/wp-content/themes/aguru/images/7_case_eurostroi.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 67%;
}

.case-13 {
	background-image: url(/wp-content/themes/aguru/images/9_case_ivan_chay.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 60%;
}

.case-14 {
	background-image: url(/wp-content/themes/aguru/images/10_case_garden.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-15 {
	background-image: url(/wp-content/themes/aguru/images/12_case_fmcg.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 45%;
}

.case-16 {
	background-image: url(/wp-content/themes/aguru/images/11_case_yoga_thailand.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 60%;
}

.case-17 {
	background-image: url(/wp-content/themes/aguru/images/16_case_invest.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-18 {
	background-image: url(/wp-content/themes/aguru/images/14_case_advokat.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 60%;
}

.case-19 {
	background-image: url(/wp-content/themes/aguru/images/13_case_doma.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-20 {
	background-image: url(/wp-content/themes/aguru/images/15_case_zavod_beton.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 80%;
}

.case-7 .text-block p, .case-16 .text-block p, .case-19 .text-block p {
	width: 62%;
}

.case-10 .looking {
	width: 40%;
}

@media screen and (max-width: 1100px) {
	.bozenka-verstaet .looking span {
		font-size: 14px;
	}
	.case-1 {

		background-size: 80%;
	}

	.case-2 {

		background-size: 75%;
	}

	.case-3 {

		background-size: 75%;
	}

	.case-4 {

		background-size: 70%;
	}

	.case-5 {

		background-size: 80%;
	}

	.case-6 {

		background-size: 45%;
	}

	.case-7 {

		background-size: 45%;
	}

	.case-8 {

		background-size: 75%;
	}

	.case-9 {

		background-size: 80%;
	}

	.case-10 {
		background-size: 75%;
	}

	.case-11 {

		background-size: 50%;
	}

	.case-12 {
		background-size: 67%;
	}

	.case-13 {

		background-size: 60%;
	}

	.case-14 {

		background-size: 80%;
	}

	.case-15 {

		background-size: 45%;
	}

	.case-16 {

		background-size: 60%;
	}

	.case-17 {

		background-size: 80%;
	}

	.case-18 {

		background-size: 60%;
	}

	.case-19 {

		background-size: 80%;
	}

	.case-20 {

		background-size: 80%;
	}
}
@media (max-width: 767px) {
	.text-block p {
		width: inherit !important;
		padding-right: 20px;
		max-height: 100px;
		overflow-y: hidden;
	}
	.bozenka-verstaet .second.largery h6 {
		width: 100%;
	}
	.bozenka-verstaet .first.offten h2, .bozenka-verstaet .second.offten h2, .bozenka-verstaet .first.offten h6, .bozenka-verstaet .second.offten h6 {
		width: 85%;
	}

	.bozenka-verstaet .first.largery h2, .bozenka-verstaet .first.largery h2 {
		width: auto;
		font-size: 18px;
	}

	.bozenka-verstaet .first.largery h6, .bozenka-verstaet .first.largery h6 {
		width: auto;
		font-size: 15px;
	}

	.text-block p {
		width: inherit !important;
		padding-right: 20px;
	}
	.case-12 {
		background-size: 58%;
	}
	.case-13 {
		background-size: 50%;
	}
	.case-18 {
		background-size: 45%;
	}
	.bozenka-verstaet .looking p:before {
		font-size: 47px;
		left: -36px !important;
	}
}

.itsonmain .first, .itsonmain .second {
	background-color: transparent;
	border: 2px solid #2f3030;
}

.itsonmain h2 {
	color: #fff;
}

.itsonmain .ssil-vnutr {
	color: #959595;
	margin-top: 10px;
}

.itsonmain .ssil-vnutr a {
	color: #959595;
}

.itsonmain .ssil-vnutr a:hover {
	color: #00eaff;
}

.itsonmain .looking p {
	color: #00eaff;
}

.itsonmain .looking p:before {
	left: -42px;
}

.itsonmain .looking.minus p:before {
	content: "";
	top: 5px;
	background: #00eaff;
	height: 2px;
	width: 28px;
	left: -40px;
}

.itsonmain {
	background: transparent;
}

.itsonmain .title {
	color: #fff;
}

.contextblack {
	color: #000 !important;
}
@media (max-width: 540px) {
	.bozenka-verstaet .looking p {
		max-width: 80px;
	}
}
@media screen and (max-width: 540px) {
	.bozenka-verstaet .looking p {
		max-width: 80px;
	}

	.bozenka-verstaet .first.offten h2, .bozenka-verstaet .second.offten h2, .bozenka-verstaet .first.offten h6, .bozenka-verstaet .second.offten h6 {
		width: 100% !important;
		padding-right: 20px;
	}

	.bozenka-verstaet .second.largery h6 {
		width: 100% !important;
		padding-right: 20px;
	}

	.bozenka-verstaet .first.largery h2, .bozenka-verstaet .first.largery h2 {
		padding-right: 20px;
	}

	.bozenka-verstaet .first, .bozenka-verstaet .second {
		margin-bottom: 20px;
	}

	.bozenka-verstaet {
		padding: 80px 0 50px 0 !important;
	}

	.case-1 {
		background-size: 75%;
	}

	.case-2 {
		background-size: 75%;
	}

	.case-3 {
		background-size: 75%;
	}

	.case-4 {
		background-size: 70%;
	}

	.case-5 {
		background-size: 80%;
	}

	.case-6 {
		background-size: 40%;
	}

	.case-7 {
		background-size: 55%;
	}

	.case-8 {
		background-size: 75%;
	}

	.case-9 {
		background-size: 75%;
	}

	.case-10 {
		background-size: 75%;
	}

	.case-11 {
		background-size: 50%;
	}

	.case-12 {
		background-size: 60%;
	}

	.case-13 {
		background-size: 50%;
	}

	.case-14 {
		background-size: 75%;
	}

	.case-15 {
		background-size: 75%;
	}

	.case-16 {
		background-size: 65%;
	}

	.case-17 {
		background-size: 70%;
	}

	.case-18 {
		background-size: 60%;
	}

	.case-19 {
		background-size: 70%;
	}

	.case-20 {
		background-size: 75%;
	}
}

@media screen and (max-width: 450px) {
	.bozenka-verstaet .first.largery h6, .bozenka-verstaet .first.largery h6 {
		font-size: 14px;
	}

}
@media (max-width: 450px) {
	.bozenka-verstaet .first, .bozenka-verstaet .second {
		height: 385px;
	}
}